<div class="zs-body" data-ng-init="iniTab('report_map', 'map', 'selected');setConHei();">
    <div class="zs-map-tool">
		<div class="location">
			<a>首页</a>
			<i class="right-arr"></i>
			<a>报表应用</a>
			<i class="right-arr"></i>
			<a>仪表盘</a>
		</div>
		<div class="option">
		</div>
	</div>
    <div class="zs-content" style="position:unset">
    	<div class="zs-nice-tab idTabs">
    		<div class="tool item" style="margin-left:6px;">
	    		<span class="search-warpper">
	    			<i class="icon"></i>
		    		<input type="text" class="zs-input" />
	    		</span>
    		</div>
    		<div class="operation item">
    			<a  class="ope-1 opts"></a>
    			<a  class="ope-2 opts"></a>
    		</div>
    		<div class="switch">
    			<a class="{{tabs['report_map'].tabClass['map']}} kb" ng-click="setTab('report_map', 'map')">图表</a>
    			<a class="{{tabs['report_map'].tabClass['form']}} lb" ng-click="setTab('report_map', 'form')">列表</a>
    		</div>
    	</div>

    	<div class="date-container" >
	    	<div id="zpgwd">
	    		<div class="zs-data-table">
	    			<div class="container" >
	    				<ag-Charts ng-show="tabs['report_map'].tabShow['map']" style="height: 500px"
	    				option="{
		    tooltip : {
		        formatter: '{a} <br/>{b} : {c}%'
		    },
		    toolbox: {
		        feature: {
		            restore: {},
		            saveAsImage: {}
		        }
		    },
		    series: [
		        {
		            name: '关键指标',
		            type: 'gauge',
		            detail: {formatter:'{value}%'},
		            data: [{value: 50, name: '森林覆盖率'}]
		        }
		    ]
		}"></ag-Charts>

				        <table ng-show="tabs['report_map'].tabShow['form']">
				            <thead>
				                <tr>
				                    <th width="30px"><input type="checkbox"></th>
				                    <th class="left">总面积</th>
				                    <th>林木使用权</th>
				                    <th>林木所有权</th>
				                    <th>林地经营权</th>
				                </tr>
				            </thead>
				            <tbody>
				                <tr>
				                    <td><input type="checkbox" checked="checked"></td>
				                    <td class="left">北京</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">天津</td>
				                    <td>10</td>
				                    <td>20</td>
				                    <td>30</td>
				                </tr>
				                <tr>
				                    <td><input type="checkbox"></td>
				                    <td class="left">上海</td>
				                    <td>20</td>
				                    <td>30</td>
				                    <td>40</td>
				                </tr>
				            </tbody>
				        </table>
	    			</div>
			    </div>
	    	</div>
    	</div>
    </div>
</div>